<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title></title>
  <link rel="stylesheet" type="text/css" media="screen" href="./dist/css/baoxian.css" />
</head>

<body>
  <div class="page">
    <header> </header>
    <nav class="pr">
      <ul class="df js_nav"></ul>
      <ul class="pa wrap js_sub_nav df dfc"> </ul>
    </nav>
    <div class="all_wrap">
      <div class="outfit cw">
        <div class="f-title">当前位置：<span class="js_index">首页</span> > 商保查询</div>
        <div class="content df bb dfsb">
          <div class="contentLeft">
            <div class='application js_is_query block chioceColor bb df'>
              <P class='img'></P>
              <p class='word'>理赔申请</p>
            </div>
            <div class='query js_is_query block df bb df'>
              <P class='img'></P>
              <p class='word'>理赔查询</p>
            </div>
          </div>
          <div class='contentRight  applicationBlock'>
            <div class='block userInfo'>
              <div class="title bb df"><span class='circle'></span><span class='name'>个人信息</span></div>
              <div class='message bb'>
                <div class="userRow df">
                  <span class='row_1'>姓名：</span>
                  <span class='row_2 js_name'></span>
                </div>
                <div class="userRow df">
                  <span class='row_1'>证件类型：</span>
                  <span class='row_2 js_cardType'></span>
                </div>
                <div class="userRow df">
                  <span class='row_1'>证件号：</span>
                  <span class='row_2 js_cardId'></span>
                </div>
                <div class="userRow df">
                  <span class='row_1'>性别：</span>
                  <span class='row_2 js_sex'></span>
                </div>
              </div>
            </div>
            <div class="block zheduan">
              <div class="title  bb df"><span class='circle'></span><span class='name'>就诊信息</span></div>
              <div class='message'>
                <div class='zenRow df'>
                  <span class="row_1">就诊类型：</span>
                  <div class='row_2 zenType df'>
                    <p class='row_2_1'>
                      <span class='choiceCircle js_choice_type'></span>
                      门诊
                    </p>
                    <p class='row_2_1'>
                      <span class="js_choice_type"></span>
                      住院
                    </p>
                  </div>
                </div>
                <div class='zenRow df'>
                  <span class="row_1">就诊医院：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <select class="is_selet bb js_hospital" type="text">
                        <option disabled selected value=''>请选择</option>
                      </select>
                    </p>
                  </div>
                </div>
                <div class='zenRow df'>
                  <span class="row_1">参保机构：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <select class="is_selet js_Insurance bb" type="text">
                        <option disabled selected value=''>请选择</option>
                      </select>
                    </p>
                  </div>
                </div>
                <div class='zenRow df'>
                  <span class="row_1">开始时间：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <input type="text" readonly="readonly" placeholder="请选择" class="ipticon bb _date js_start_date"
                        t_id="kui_date">
                    </p>
                  </div>
                </div>
                <div class='zenRow df'>
                  <span class="row_1">结束时间：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <input type="text" readonly="readonly" placeholder="请选择" class="ipticon bb _date js_end_date"
                        t_id="kui_date">
                    </p>
                  </div>
                </div>


                <div class='zenRow df'>
                  <span class="row_1">银行名：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <select class="is_selet js_bank bb" type="text">
                        <option disabled selected value=''>请选择</option>
                      </select>
                    </p>
                  </div>
                </div>
                <div class='zenRow df'>
                  <span class="row_1">省份：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <select class="is_selet js_province bb" type="text">
                        <option disabled selected value=''>请选择</option>
                      </select>
                    </p>
                  </div>
                </div>
                <div class='zenRow df'>
                  <span class="row_1">用户名：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <input type="text" class='js_accountName' class='bb' placeholder="请输入用户名" />
                    </p>
                  </div>
                </div>
                <div class='zenRow df'>
                  <span class="row_1">银行卡号：</span>
                  <div class='row_2 zenType df'>
                    <p class='row choiceType'>
                      <input type="text" class='bb js_bankCardNumber' placeholder="请输入银行卡号" />
                    </p>
                  </div>
                </div>
               
              </div>
            </div>
            <div class='submit'>
              <span class='js_submit'>确认信息并申请理赔</span>
            </div>
          </div>
          <div class="queryBlock hide contentRight">
              <div class='block' >
                 <div class="title bb df"><span class='circle'></span><span class='name'>商保机构选择</span></div>
                 <div class='pics df js_pics' >
                 </div>
                 <div class='js_btn'>确认并查询</div>
              </div>

            <div class='block js_result hide'>
              <div class="title bb df"><span class='circle'></span><span class='name'>理赔查询结果</span></div>
              <div class='word hide'>暂未添加理赔！！</div>
              <div class='blocks js_lipei '>
                
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>
  </div>
  </div>
  <footer>
    <div class="wrap df dfm">
      <div class="logo"></div>
      <ul>
        <li>北京市西城区卫生健康委员会</li>
        <li class="c9">Xicheng District Health Commission of Beijing Municipality</li>
      </ul>

    </div>
  </footer>
</body>
<script src="./dist/baoxian.js"></script>

</html>